Headless UI
tailwindcss
の配下にある、
アクセシビリティ
に配慮したUIコンポーネントのロジックを提供するライブラリ
https://headlessui.dev/
React
版と
Vue.js
版がある
React
版は
Render children
ベースの、
Vue.js
は
Scoped slot
ベースAPIを持つ
どちらも「下位のコンポーネントに情報を伝えるためのコンポーネントを提供する」という観点では同じ
Transition
が便利
tailwindcss
のtransitionと組み合わせることを前提としているコンポーネント。表示・非表示にtransitionを付けられる
#フロントエンド